fix(nextjs): Add turbopackIgnore to @clerk/ui dynamic import for Turbopack compatibility by jacekradko · Pull Request #7805 · clerk/javascript

jacekradko · 2026-02-09T18:24:27Z

Summary

Add /* turbopackIgnore: true */ magic comment alongside existing /* webpackIgnore: true */ on the dynamic import('@clerk/ui/entry') in the Next.js ClerkProvider
The webpackIgnore comment prevents webpack from statically resolving the optional @clerk/ui dependency at build time, but Turbopack does not recognize it — causing the bare specifier to reach the browser and fail with TypeError: Failed to resolve module specifier '@clerk/ui/entry'
Turbopack added support for turbopackIgnore in next.js#69768 (available since Next.js 15 RC.2), so using both comments ensures the import is skipped by both bundlers when @clerk/ui is not installed

Test plan

Verify ui prop works in a Next.js app with Turbopack (Next.js 16 default)
Verify build succeeds in a Next.js app without @clerk/ui installed (no regression from webpack)
CI integration tests pass for both Next.js 15 and 16

…urbopack compatibility

vercel · 2026-02-09T18:24:33Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
clerk-js-sandbox	Ready	Preview, Comment	Feb 10, 2026 0:47am

changeset-bot · 2026-02-09T18:24:39Z

🦋 Changeset detected

Latest commit: 6493721

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@clerk/nextjs	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

coderabbitai · 2026-02-09T18:27:38Z

📝 Walkthrough

Walkthrough

The Next.js ClerkProvider.tsx client code was adjusted to change how the optional @clerk/ui/entry is dynamically imported: the import now includes both webpackIgnore and turbopackIgnore magic comments and the @ts-expect-error comment was updated to note @clerk/ui is an optional peer dependency. No runtime control flow or public API signatures were changed; lazy loading behavior remains.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately reflects the main change: adding turbopackIgnore directive to the dynamic import for Turbopack compatibility. It is concise, specific, and clearly summarizes the primary fix.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

pkg-pr-new · 2026-02-09T18:37:13Z

Open in StackBlitz

@clerk/agent-toolkit

npm i https://pkg.pr.new/@clerk/agent-toolkit@7805

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@7805

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@7805

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@7805

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@7805

@clerk/dev-cli

npm i https://pkg.pr.new/@clerk/dev-cli@7805

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@7805

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@7805

@clerk/express

npm i https://pkg.pr.new/@clerk/express@7805

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@7805

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@7805

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@7805

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@7805

@clerk/react

npm i https://pkg.pr.new/@clerk/react@7805

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@7805

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@7805

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@7805

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@7805

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@7805

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@7805

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@7805

commit: 6493721

…i dynamic import

…opack compatibility (#7805)

fix(nextjs): Remove webpackIgnore from @clerk/ui dynamic import for T…

97d5924

…urbopack compatibility

github-actions bot added nextjs core-3 labels Feb 9, 2026

chore: Add changeset

ff62d31

vercel bot deployed to Preview February 9, 2026 18:28 View deployment

wobsoriano approved these changes Feb 9, 2026

View reviewed changes

fix(nextjs): Add turbopackIgnore alongside webpackIgnore for @clerk/u…

b6b9874

…i dynamic import

jacekradko changed the title ~~fix(nextjs): Remove webpackIgnore from @clerk/ui dynamic import~~ fix(nextjs): Add turbopackIgnore to @clerk/ui dynamic import for Turbopack compatibility Feb 9, 2026

vercel bot deployed to Preview February 9, 2026 18:51 View deployment

Merge branch 'main' into jrad/fix-turbopack-ui-import

f54f4d0

vercel bot deployed to Preview February 9, 2026 19:28 View deployment

ci: re-trigger CI

d86d52f

vercel bot temporarily deployed to Preview February 9, 2026 20:57 Inactive

Merge branch 'main' into jrad/fix-turbopack-ui-import

6493721

vercel bot deployed to Preview February 10, 2026 00:47 View deployment

jacekradko merged commit 1a72784 into main Feb 10, 2026
39 checks passed

jacekradko deleted the jrad/fix-turbopack-ui-import branch February 10, 2026 01:03

wobsoriano pushed a commit that referenced this pull request Feb 10, 2026

fix(nextjs): Add turbopackIgnore to @clerk/ui dynamic import for Turb…

dca634a

…opack compatibility (#7805)

coderabbitai bot mentioned this pull request Feb 10, 2026

feat(astro): Add support for keyless mode #7812

Merged

9 tasks

nikosdouvlis pushed a commit that referenced this pull request Feb 12, 2026

fix(nextjs): Add turbopackIgnore to @clerk/ui dynamic import for Turb…

82a60a6

…opack compatibility (#7805)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix(nextjs): Add turbopackIgnore to @clerk/ui dynamic import for Turbopack compatibility#7805

fix(nextjs): Add turbopackIgnore to @clerk/ui dynamic import for Turbopack compatibility#7805
jacekradko merged 6 commits intomainfrom
jrad/fix-turbopack-ui-import

jacekradko commented Feb 9, 2026 •

edited

Loading

Uh oh!

vercel bot commented Feb 9, 2026 •

edited

Loading

Uh oh!

changeset-bot bot commented Feb 9, 2026 •

edited

Loading

Uh oh!

coderabbitai bot commented Feb 9, 2026 •

edited

Loading

Walkthrough

Uh oh!

pkg-pr-new bot commented Feb 9, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

jacekradko commented Feb 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Test plan

Uh oh!

vercel bot commented Feb 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

changeset-bot bot commented Feb 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

coderabbitai bot commented Feb 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Uh oh!

pkg-pr-new bot commented Feb 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

jacekradko commented Feb 9, 2026 •

edited

Loading

vercel bot commented Feb 9, 2026 •

edited

Loading

changeset-bot bot commented Feb 9, 2026 •

edited

Loading

coderabbitai bot commented Feb 9, 2026 •

edited

Loading

pkg-pr-new bot commented Feb 9, 2026 •

edited

Loading